@import "./mixins.scss";

$bg: #fffcef; // 主背景色
$font-color: #7c839b; // 帐单字体色
$font-color-light: #d4d4de; // 虚线色  淡

$btn-bg-color: #655db0; // 按钮主题色

$primary-color: #efdada;
$bold-primary-color: #d3afaf;
$disabled-color: #dddddd;

$black: #000000;
$white: #ffffff;

$text-color: #333333;
$text-color-light: #666666;
$text-color-lighter: #b3b3b3;
$text-color-title: #737280;

$border-color: #dddddd;
$border-radius: 26px;

$image-bg: #f4f4f4;

$color-brand: red;
$color-error: #ff4949 !default;

$big-title: 40px;
$normal-title: 35px;
$primary-title: 30px;
$small-title: 25px;

$shadow: #dfdfdc;

$detail-bg: #f8f8f8;
$price: #fd3938;

$font-small: 20px;

//全局基础色
$theme-color:#1375F8;

.shadow {
  box-shadow: 0 3px 8px #dfdfdc;
}

@keyframes spring-test-show {
  0% {
    opacity: 0.35;
    width: 100%;
  }

  // 50% {
  //   width: 400px;
  // }
  100% {
    opacity: 0.2;
    width: 100px;
    // height: 50px;
    // border-radius: 50%;
  }
}

@keyframes spring {
  0% {
    transform: scale(0.02);
  }

  1% {
    transform: scale(0.05);
  }

  2% {
    transform: scale(0.09);
  }

  3% {
    transform: scale(0.14);
  }

  4% {
    transform: scale(0.2);
  }

  5% {
    transform: scale(0.27);
  }

  6% {
    transform: scale(0.34);
  }

  7% {
    transform: scale(0.41);
  }

  8% {
    transform: scale(0.48);
  }

  9% {
    transform: scale(0.55);
  }

  10% {
    transform: scale(0.61);
  }

  11% {
    transform: scale(0.68);
  }

  12% {
    transform: scale(0.74);
  }

  13% {
    transform: scale(0.8);
  }

  14% {
    transform: scale(0.85);
  }

  15% {
    transform: scale(0.9);
  }

  16% {
    transform: scale(0.94);
  }

  17% {
    transform: scale(0.98);
  }

  18% {
    transform: scale(1.01);
  }

  19% {
    transform: scale(1.04);
  }

  20% {
    transform: scale(1.06);
  }

  21% {
    transform: scale(1.08);
  }

  22% {
    transform: scale(1.1);
  }

  23% {
    transform: scale(1.11);
  }

  24% {
    transform: scale(1.11);
  }

  25% {
    transform: scale(1.12);
  }

  29% {
    transform: scale(1.12);
  }

  30% {
    transform: scale(1.11);
  }

  31% {
    transform: scale(1.1);
  }

  32% {
    transform: scale(1.1);
  }

  33% {
    transform: scale(1.09);
  }

  34% {
    transform: scale(1.08);
  }

  35% {
    transform: scale(1.07);
  }

  36% {
    transform: scale(1.06);
  }

  37% {
    transform: scale(1.05);
  }

  38% {
    transform: scale(1.05);
  }

  39% {
    transform: scale(1.04);
  }

  40% {
    transform: scale(1.03);
  }

  41% {
    transform: scale(1.02);
  }

  42% {
    transform: scale(1.02);
  }

  43% {
    transform: scale(1.01);
  }

  44% {
    transform: scale(1.01);
  }

  45% {
    transform: scale(1);
  }

  47% {
    transform: scale(1);
  }

  48% {
    transform: scale(0.99);
  }

  66% {
    transform: scale(0.99);
  }

  67% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

// @keyframes run {
//   0% {
//     opacity: 0;
//   }
//   10% {
//     opacity: 1;
//     right: 10%;
//   }

//   100% {
//     opacity: 1;
//     transform: translate3d(10px, 120vh, -10px);
//   }
// }
